@font-face {
  font-family: 'icomoon';
  src:  url('../fonts_photo/icomoon.eot?fo0j53');
  src:  url('../fonts_photo/icomoon.eot?fo0j53#iefix') format('embedded-opentype'),
    url('../fonts_photo/icomoon.ttf?fo0j53') format('truetype'),
    url('../fonts_photo/icomoon.woff?fo0j53') format('woff'),
    url('../fonts_photo/icomoon.svg?fo0j53#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
        [class^="icon-"], [class*=" icon-"] {
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: 300;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
			color: #999;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .icon-circle-right:before {
            content: "\e901";
        }

        .icon-circle-left:before {
            content: "\e900";

        }

        .icon-circle-left{
            display:none;
            cursor: pointer;
        }

        .icon-circle-right{
            display:none;
            cursor: pointer;
        }
		.icon-cross {
            display: none;
            position: absolute;
            right: 20px;
            top: 20px;
            cursor: pointer;
        }
        #showPhoto .container:hover .icon-circle-right{
            display: block;
        }
        #showPhoto .container:hover .icon-circle-left{
            display:block;
        }
        #showPhoto .container:hover .icon-cross{
            display:block;
        }
        .icon-cross:before {
            content: "\ea0f";
        }
.showphoto {
	position: fixed;
	z-index: 9999;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	color: #333;
}
.modal {
	display: none;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	color: #333;
}
.container {
	position:absolute;
	top: 45px;
	left:calc((100% - 500px)/2);
	width:500px;
	height: 430px;
	background: #f5f5f5;
	border-radius: 6px;
	border: 1px solid rgba(0,0,0,.2);
	box-shadow: 0 5px 15px rgba(0,0,0,.5); 
}
#modal-heading {
	padding: 15px;
	margin: 0 0 20px 0;
	display:block;
	height: 20px;
	line-height: 20px;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}
.title {
	font-size: 18px;
	font-weight: 500;
}
.close {
	position: absolute;
	right: 10px;
	cursor: pointer;
}
#modal-submit,.h-button {
	margin-left: calc((100% - 74px)/2);
	margin-top: 10px;
}